<!DOCTYPE html>

<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title></title>
    <link rel="stylesheet" href="../../lib/layui/css/layui.css">
    <link rel="stylesheet" href="../canc-userAll/css/canc-userManagement.css"/>
    <link rel="stylesheet" href="../../lib/layui/css/scroll-bar.css">
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <style>
        body {
        width: 90%;
        margin-left: 5%;
        padding-bottom: -30px;
        color: #fff;
        overflow-y: scroll;
        overflow-x: hidden;
        border: 1px solid #090;
        box-sizing: border-box;
        border-top: 0
    }

    .layui-inline {
        margin-bottom: 10px
    }

    .layui-input {
        width: 63%;
        float: left;
        border-radius: 10px
    }

    .txt {
        float: left;
        height: 38px;
        line-height: 38px;
        color: #000;
        width: 32%;
        text-align: center
    }

    .layui-table-page {
        display: none
    }

    .layui-body {
        overflow-y: scroll
    }

    .layui-container {
        padding: 0
    }

    .page1 {
        padding-bottom: 8px;
        color: #090;
        border-bottom: 1px solid #090
    }

    .list {
        width: 80%;
        display: flex;
        margin: 0 auto
    }

    .list > a {
        flex: 1;
        text-align: center
    }

    .layui-tab .layui-inline {
        width: 100%
    }

    .layui-table-header {
        overflow-x: scroll
    }

    .layui-form-select .layui-input {
        width: 100%
    }

    .theoryType_yang div:nth-child(3) {
        width: 63% !important;
        float: left
    }

    .layui-form-select dl dd {
        color: black
    }

    .layui-table-page {
        display: block
    }

    #loading {
        position: fixed;
        z-index: 400;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-align: center;
        font-size: .9rem;
        color: #595758;
        background-color: #fff
    }

    .left-nav {
        width: 100%;
        overflow: hidden;
        background-color: #c9c9c9;
        margin-bottom: 15px;

    }

    #nav {
        list-style: none;
        overflow: hidden;
    }

    #nav li {
        width: 33.3333333%;
        float: left;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        text-align: center;

    }    </style>
</head>
<body id="iosiframe">

<div class="left-nav" lay-filter="left-nav">
    <ul id="nav" class="nav">
        <li class="otherBackColor" style="background-color: green;">
            <a href="canc-lilunSynchio.html" style="font-size: 15px; color: #ffffff;">培训记录</a>
        </li>
        <!--<li class="otherBackColor">
            <a href="../tongji/canc-performanceAnalysis.html" style="font-size: 15px;">考试成绩查询</a>
        </li>-->
        <li id="sp" class="backColor">
            <a href="../../personInfo.html" style="font-size: 15px;" id="info" class="hover">修改个人信息</a>
        </li>
    </ul>
</div>

<div id="loading">
    <i class="fa fa-spinner fa-pulse" style="font-size: 48px; margin: 0 auto;"></i>
</div>
<div style="margin-top: 10px;margin-bottom: 10px;" class="list">
    <a href="canc-lilunSynchio.html" class="page2">理论课记录</a>&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="mactingSynchio.html" class="page1">模拟机记录</a>
</div>
<div class="layui-tab userWrap layui-container" style="width: 100%;">
    <form action="" class="layui-form">
        <!--<div class="layui-inline">
            <div class="txt">学员姓名: </div>
            <input type="text" name="studentName" autocomplete="off" placeholder=" 请输入学员姓名" class="layui-input studentName">
        </div>-->
        <!-- 老师姓名-->
        <!--<div class="layui-inline">-->
        <!--<div class="txt">教员姓名: </div>-->
        <!--<input type="text" name="teacherName" autocomplete="off" placeholder="请输入教员姓名" class="layui-input teacherName">-->
        <!--</div>-->
        <div class="layui-inline theoryType_yang">
            <span class="txt">培训类别:</span>
            <select class="layui-input course-type" name="course-type" id="course-type">
                <option value="">请选择培训类别</option>
                <option value="0">岗前培训</option>
                <option value="1">岗位培训</option>
                <option value="2">复习</option>
                <option value="3">熟练</option>
                <option value="4">附加</option>
                <option value="5">补习</option>
                <option value="6">追加</option>
            </select>
        </div>
        <!-- 实操类型-->
        <div class="layui-inline theoryType_yang">
            <div class="txt">培训科目:</div>
            <select name="operationType" class="layui-input operationType">
                <option value="" selected="selected">请选择培训科目</option>
                <option value="0">雷达管制</option>
                <option value="1">机场管制</option>
                <option value="2">程序管制</option>
                <option value="3">空管基础理论</option><!--理论四个，模拟机三个-->
            </select>
        </div>
        <div class="layui-inline theoryType_yang">
            <span class="txt">课程类型:</span>
            <select class="layui-input sortOrder select-jilian type" name="courseType">
                <option value="" >请选择课程类型</option>
                <option value="0" selected>模拟机</option>
                <option value="1">理论</option>
            </select>
        </div>
        <!--理论不需要习题编号-->
        <div class="layui-inline">
            <div class="txt">练习编号:</div>
            <input type="text" name="number" autocomplete="off" placeholder="请输入练习编号" class="layui-input number">
        </div>
        <div class="layui-inline">
            <div class="txt">开始日期:</div>
            <input type="text" name="startTime" placeholder="请选练习开始日期" class="layui-input startTime"
                   readonly="readonly">
        </div>
        <div class="layui-inline">
            <div class="txt">结束日期:</div>
            <input type="text" name="endTime" placeholder="请选练习结束日期" class="layui-input endTime" readonly="readonly">
        </div>
    </form>
</div>
<div class="layui-show-lg-block" style="margin-left: 4%;">
    <button class="layui-btn startSearch" lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i>开始查询
    </button>
</div>
</div>
<script type="text/html" class="toolbarDemo">
    <div class="layui-btn-container">
        <button class="layui-btn layui-btn-sm layui-btn-normal" lay-event="isAll" style="font-size:20px!important;">
            模拟机培训记录:
        </button>
    </div>
</script>
<table id="moTest" lay-filter="moTest"></table>
<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-xs  operation obj" lay-event='edit'>编辑查看</a>
</script>
<script src="../../static/js/jquery.1.11.1.js"></script>
<script src="../../lib/layui.all.js" charset="utf-8"></script>
<script src="../../static/js/weadmin.js"></script>
<script src="../../static/js/admin.js"></script>
<script src="../../static/js/public.js" type="text/javascript" charset="utf-8"></script>
<script src="js/canc-machingSynchio.js"></script>
<script>
    var iframeIndex;

    function editUser(edit) {
        layui.use(['table', 'laypage', 'layer', 'laydate', 'jquery', 'form'], function () {
            var form = layui.form;
            var index = layui.layer.open({
                title: "模拟机培训详情",
                type: 2,
                content: ["canc-machingSynhioDetail.html"], //弹出层页面
                area: ['800px', '90%'],
                success: function (layero, index) {
                    var body = layui.layer.getChildFrame('body', index);
                    if (edit) {
                        var id = edit.id;
                        queryClasses(id, body);
                        form.render();
                    }
                }
            })
            iframeIndex = index;
            //layui.layer.full(index);//设置弹出层布满窗口
            //改变窗口大小时，重置弹窗的宽高，防止超出可视区域（如F12调出debug的操作）
            $(window).on("resize", function () {
                //layui.layer.full(window.sessionStorage.getItem("index"));
            })
        })
    }
</script>
</body>
</html>
<script>
    var ua = navigator.userAgent.toLowerCase();
    var screenwidth = window.screen.width;
    if (!/iphone|ipad|ipod/.test(ua)) {
        $("#iosiframe").attr("scrolling", "auto");
    } else {
        $('#iosiframe').width(screenwidth * 0.9 + 'px');
    }
</script>
<script type="text/html" id="operationType">
    <div>
        {{# var fu = function(){ var operationType = d.operationType; console.log(operationType); if(operationType ==
        0){return "雷达管制";} else if(operationType == 1){return "机场管制";} else if(operationType == 2){return "程序管制";} } }}
        {{fu()}}
    </div>
</script>
<script>
    jQuery(document).ready(function () {
        jQuery(window).load(function () { //load函数
            jQuery("#loading").hide();
        });
    });
</script>